<!DOCTYPE html>
<html>
  <head>
    <title>XAE Demo</title>
    <link href="https://fonts.googleapis.cnpmjs.org/css?family=Roboto:300,400,500,700" rel="stylesheet">
    <style>
      html, body {
      display: flex;
      justify-content: center;
      font-family: Roboto, Arial, sans-serif;
      font-size: 15px;
      }
      form {
      border: 5px solid #f1f1f1;
      }
      h1 {
      text-align:center;
      font-size:18;
      }
      .formcontainer {
      text-align: left;
      margin: 24px 50px 12px;
      }
      .container {
      padding: 16px 0;
      text-align: left;
      }
    </style>
  </head>
  <body>
    <form>
      <h1>XAE Demo</h1>
      <div class="formcontainer">
      <hr/>
      <div class="container">
        <h3>Build from XAE with Python Flask</h3>
        <p align="center">XiiCloud 2021</p>
      </div>
    </form>
  </body>
</html>
